{#<!DOCTYPE html>#}
{#<html lang="en">#}
{#<head>#}
{#    <meta charset="UTF-8">#}
{#    <title>Title</title>#}
{#</head>#}
{#<body>#}
{##}
{#</body>#}
{#</html>#}


{% extends 'base.html' %}

{% block head %}
      {{ js_resources|safe }}
      {{ css_resources|safe }}
{% endblock %}

{% block sidebar %}
<ul class="nav nav-sidebar">
              <!-- a href="#"的意思是链接当前页面 -->
            <li><a href="{{url_for('dashboard')}}">bokeh_MPG</a></li>
            <li class="active"><a href="{{url_for('vbar')}}">Vbar<span class="sr-only">(current)</span></a></li>
            <li class="active"><a href="{{url_for('map')}}">Analytics</a></li>
            <li><a href="#">Export</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item</a></li>
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
            <li><a href="">More navigation</a></li>
          </ul>
          <ul class="nav nav-sidebar">
            <li><a href="">Nav item again</a></li>
            <li><a href="">One more nav</a></li>
            <li><a href="">Another nav item</a></li>
          </ul>
{% endblock %}

{% block plot %}
    {{ plot_script|safe }}
    {{ plot_div|safe }}
{% endblock %}

{% block table %}
    <table class="table table-striped">
                <tr>
                    {% for title in the_titles %}
                        <th>{{ title }}</th>
                    {% endfor %}
                </tr>
        {% for content in the_contents %}
            <tr>
                {% for item in content %}
                    <td>{{ item }}</td>
                {% endfor %}
            </tr>
        {% endfor %}
    </table>
{% endblock %}

